{include admin.inc.header}

{include admin.inc.top}

<div class="container-fluid content-body">
	<div class="main">
		{include admin.inc.menu}

		<section class="right-section" id="right-section">
			<!-- start of inner-frame -->
			<div class="inner-iframe">

				<ul class="breadcrumb">
					<li>
						<i class="glyphicon glyphicon-home"></i>
						<span>当前位置：</span>
						<a href="#">{$breadcrumb[0]}</a>
						<i class="glyphicon glyphicon-chevron-right"></i>
						<a href="#">{$breadcrumb[1]}</a>
					</li>
				</ul>

				<!-- Nav tabs -->
				<!-- Nav tabs -->
				<ul class="nav nav-tabs">
					<li class="active"><a href="{$index_url}"><i class="glyphicon glyphicon-th-list"></i> 行情中心</a></li>
				</ul>

				<div class="inner-container">
					<form class="form-inline form-search" role="form" id="search-form" autocomplete="off">

					<div style="margin-bottom: 10px">
						<a href="javascript:;" data-tab="" class="ajaxTab btn {if !$tab or $tab==""}btn-primary{else}btn-default{/if}">
						全部
						</a>
						<a href="javascript:;" data-tab="PVC" class="ajaxTab btn {if $tab=="PVC"}btn-primary{else}btn-default{/if}">
						PVC
						</a>
						<a href="javascript:;" data-tab="PP" class="ajaxTab btn {if $tab=="PP"}btn-primary{else}btn-default{/if}">
						PP
						</a>
						<a href="javascript:;" data-tab="PET" class="ajaxTab btn {if $tab=="PET"}btn-primary{else}btn-default{/if}">
						PET
						</a>
						<a href="javascript:;" data-tab="LLDPE" class="ajaxTab btn {if $tab=="LLDPE"}btn-primary{else}btn-default{/if}">
						LLDPE
						</a>
						<a href="javascript:;" data-tab="ABS" class="ajaxTab btn {if $tab=="ABS"}btn-primary{else}btn-default{/if}">
						ABS
						</a>
						<a href="javascript:;" data-tab="HIPS" class="ajaxTab btn {if $tab=="HIPS"}btn-primary{else}btn-default{/if}">
						HIPS
						</a>
						<a href="javascript:;" data-tab="HDPE" class="ajaxTab btn {if $tab=="HDPE"}btn-primary{else}btn-default{/if}">
						HDPE
						</a>
						<a href="javascript:;" data-tab="PC" class="ajaxTab btn {if $tab=="PC"}btn-primary{else}btn-default{/if}">
						PC
						</a>
						<a href="javascript:;" data-tab="GPPS" class="ajaxTab btn {if $tab=="GPPS"}btn-primary{else}btn-default{/if}">
						GPPS
						</a>

					</div>
						<input type="hidden" name="tab" value="{$tab}">
					</form><!-- END search form -->


					<form id="J_List_Form" autocomplete="off">
						<div class="table-responsive">
							<table class="table table-bordered table-hover" id="J_List_Table">
								<thead>
								<tr>
									<th width="20"><input type="checkbox" class="icheck check-all" /></th>
									<th>标题</th>
									<th>浏览次数</th>
									<th>发布时间</th>
									<th>操作</th>
								</tr>
								</thead>
								<tbody>
								{if empty($items)}
								<tr>
									<td class="no-records text-center">{$noRecords}</td>
								</tr>
								{/if}
								{loop $items $value}
								<tr>
									<td><input type="checkbox" class="icheck" name="ids[]" id="checkbox_row_{$value[id]}" /></td>
									<td>{$value[title]}</td>
									<td>{$value[views]}</td>
									<td>{$value[addtime]}</td>
									<td>
										<a target="_blank" href="/quote/quote/product?product_name={$value[product_name]}&date={$value[adddate]}">查看</a>
									</td>
								</tr>
								{/loop}
								</tbody>
							</table>
						</div>
					</form>

					<div class="text-right">
						{$pagemenu}
					</div>

				</div>

			</div><!-- end of inner -->
		</section>

	</div>
</div>

{include admin.inc.footer}

<script>
	$(".ajaxTab").on('click',function () {

		var tab = $(this).data('tab');
		$('[name=tab]').val(tab);
		$('#search-form').submit();
	});
</script>
</body>
</html>
